<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>用户登录</title>
    <link rel="stylesheet" media="screen" href="css/style1.css">
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>

</head>
<body>
<div id="particles-js">
       <form action="LadingUserServlet"  method="post">
    <div class="login">
        <div class="login-top">
            登录
        </div>

        <div class="login-center clearfix">
            <div class="login-center-img"><img src="img/name.png"/></div>
            <div class="login-center-input">
                <input type="text" name="username" value="" id="name" placeholder="请输入您的用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'"/>
                <div class="login-center-input-text">用户名</div>
            </div>
        </div>
        <div class="login-center clearfix">
            <div class="login-center-img"><img src="img/password.png"/></div>
            <div class="login-center-input">
                <input type="password" name="password" id="password" value="" placeholder="请输入您的密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的密码'"/>
                <div class="login-center-input-text">密码</div>
            </div>
        </div>
        <div class="login-button">
           <input id="loding" type="submit" value="登陆">

        </div>
    </div>
    <div class="sk-rotating-plane"></div>
       </form>
</div>
</body>
</html>